#Listings
{
    font-size: 8pt;
}

#Listings > #ChannelsCont, #Listings > #ProgramsCont
{
    position: absolute;
}

#Listings > #ChannelsCont
{
    width:50pt;
}
#Listings > #ProgramsCont
{
    min-width: 600px;
    width:100%;
    margin-left: 50pt;
}
#Listings  a
{
    color: #000000;
    text-decoration: none;
}
#Listings  .ChannelRow a
{
    display: inline-block;
}
#Listings .ChannelTitleHeader, #Listings .ChannelTitleRow
{
    height: 10pt;
    overflow: hidden;
    background-color: #DDDDDD;
    padding: 1pt 1pt 0 0;
    border-width: 0 0 1px 0;
    border-color: #444444;
    border-style: solid;
}

#Listings  .ChannelTitle, #Listings .programmecell
{
    max-height: 20pt;
    overflow: hidden;
    font-size: 10pt;
    line-height: 20pt;
}

#Listings .headercell, #Listings .programmecell
{
    display: inline-block;
    vertical-align: top;
}

#Listings  .ChannelRow, #Listings .ChannelTitle
{
    height: 20pt;
    border-style: solid;
    border-color: #444444;
    border-width: 0 1px 1px 1px;
}
#Listings .ChannelTitle:last-child
{
    border-bottom: 1px solid #444444;
}
#Listings  .ChannelRow:first-child , #Listings .ChannelTitle:first-child
{
    /*border-width: 1px 1px 1px 1px;*/
}
#Listings .ChannelTitle
{
    border-color: #FFFFFF;
    font-size: 8pt;
}

#Listings .programmecell div
{
    padding: 1pt 1pt 2pt 2pt;
    width: 100%;
    border: none;
    border-left: 1px solid #444444;
}
#Listings .programmecell:first-child div
{
    width: 100%;
    border: none;
}

.ListingsContentBox
{
    border-top: none;
}
#Listings .RecSymbol
{ width: 8pt; height: 8pt; border: none; }

#Listings .Unknown .RecSymbol, #Listings .WillNotRecord .RecSymbol, #Listings .PastSchedule .RecSymbol
{ display: none; }

/* **********************************************
Listing Page
*/
#Listing
{
    width: 95%;
    margin: 0 auto;
}

 #Listing.Unknown .RecInfo
{
    display: none;
}
#Listing.Unknown .RecSymbol, #Listing.PastSchedule .RecSymbol, #Listing.WillNotRecord .RecSymbol, #Listing.Conflict .RecSymbol
{
    display: none;
}
#Listing.PastSchedule .Rec, #Listing.WillRecord .Rec, #Listing.Conflict .Rec
{
    display: none;
}
#Listing.PastSchedule .NoRec, #Listing.WillNotRecord .NoRec, #Listing.Unknown .NoRec
{
    display: none;
}

/* **********************************************
Conflict Page
*/
#Conflict #ListingsBox
{
    margin-top: 10px;
    width: 90%;
    margin-left: 5%;
    border: 1px solid #444444;
}
#Conflict #TitleChannel
{ font-weight: bold; text-align: center; }

#Conflict #TitleChannel.WillRecord
{
    background-color: #61DE4F;
}

#Conflict #TitleChannel.Conflict
{
    background-color: #DE4F4F;
}
#Conflict .ChannelRow .WillRecord
{
    background-color: #7EB976;
}
#Conflict .ChannelRow .Conflict
{
    background-color: #B97676;
}
#Conflict .ChannelRow .WillNotRecord
{
    background-color: #B2B2B2;
}
#Conflict #TitleChannel, #Conflict .ChannelRow a
{
    max-height: 20pt;
    overflow: hidden;
    font-size: 10pt;
    line-height: 20pt;
}
#Conflict #TitleChannel,#Conflict .ChannelRow, #Conflict .ChannelRow a
{ height: 20pt; }

#Conflict .ChannelRow a
{ display: inline-block; }

#Conflict .ChannelRow a div, #Conflict #TitleChannel div
{ padding: 0 0 0 5px; }

#Conflict.Conflict #ConflictOptionMenu #ConflictOkButton
{   display: none; }

#Conflict.WillRecord #ConflictOptionMenu #ConflictCancelButton
{   display: none; }
/*********/
.BlueButton, .WhiteButton
{
    margin:5px auto;
	height: 36px;
	width:200px;
	text-align: center;
	font: bold 20px Helvetica, sans-serif;
	text-decoration: none;
	display: block;
    padding-top: 10px;
}
/* dummy selectors to aid specificity */
.BlueButton, .dummy
{
	border-left: 12px;
	border-right: 12px;
	color: white;
	text-shadow: #000 0px 1px 1px;
    background-image:url("bluebuttonbck.png");   
    background-repeat:no-repeat;
    background-position:center; 
}
.WhiteButton, .dummy
{
	border-left: 12px;
	border-right: 12px;
	color: black;
	text-shadow: #fff 0px 1px 1px;
	-webkit-border-image:url("skins/mobile/whiteButton.png") 0 14 0 14;
    background-image:url("bluebuttonbck.png");   
    background-repeat:no-repeat;
    background-position:center; 
}

.OptionMenu
{
    width: 100%;
    text-align: center;
}